<%@ page contentType="text/html;charset=UTF-8" trimDirectiveWhitespaces="true"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/constrant.jsp"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/WEB-INF/views/wx/include/head.jsp" %>
<style type="text/css">
/*水平盒子布局*/
.flexbox{
	 display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
/*垂直盒子布局*/
.flexbox_vertical{
	 display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column;
}
/*盒子布局平均分布*/
.flex
{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.row
{
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	border-bottom:1px solid #efefef;
}
.row .col1{
	width: 90px;
	padding-left: 10px;
	font-size: 14px;
}
.row .col2{
	font-size: 14px;
}
.row1
{
	min-height: 40px;
	background-color: #fff;
	border-bottom:1px solid #efefef;
}
.row1 .col1{
	line-height:40px;
	width: 90px;
	padding-left: 10px;
	font-size: 14px;
}
.row1 .col2{
	line-height: 25px;
	font-size: 14px;
}
</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<a href="${ctxWx}/pu/my" class="mui-icon mui-icon-left-nav mui-pull-left"></a>
		<a href="#queryPopover" class="mui-icon mui-pull-right"></a>
		<h1 class="mui-title">订单详情</h1>
	</header>
	<div class="mui-content">
		<div class="row flexbox">
			<div class="col1">订单名称:</div>
			<div class="col2 flex">上海到天目湖一日游</div>
		</div>
		<div class="row flexbox">
			<div class="col1">订单日期:</div>
			<div class="col2 flex"> 2017-03-15 12:23:32</div>
		</div>
		<div class="row flexbox">
			<div class="col1">订单状态:</div>
			<div class="col2 flex">已付款</div>
		</div>
		<div class="row flexbox">
			<div class="col1">出发地:</div>
			<div class="col2 flex">上海</div>
		</div>
		<div class="row flexbox">
			<div class="col1">目的地:</div>
			<div class="col2 flex">上海</div>
		</div>
		<div class="row flexbox">
			<div class="col1">出发时间:</div>
			<div class="col2 flex">2017-03-15 12:23:32</div>
		</div>
		<div class="row flexbox">
			<div class="col1">包车天数:</div>
			<div class="col2 flex">3天</div>
		</div>
		<div class="row flexbox">
			<div class="col1">车辆数:</div>
			<div class="col2 flex">2辆</div>
		</div>
		<div class="row flexbox">
			<div class="col1">车型:</div>
			<div class="col2 flex">大巴</div>
		</div>
		<div class="row flexbox">
			<div class="col1">品牌:</div>
			<div class="col2 flex">奥迪</div>
		</div>
		<div class="row flexbox">
			<div class="col1">上车地点:</div>
			<div class="col2 flex">上海</div>
		</div>
		<div class="row flexbox">
			<div class="col1">上车时间:</div>
			<div class="col2 flex">2017-03-15 12:23:32</div>
		</div>
		<div class="row flexbox">
			<div class="col1">联系人姓名:</div>
			<div class="col2 flex">张三</div>
		</div>
		<div class="row flexbox">
			<div class="col1">联系人电话:</div>
			<div class="col2 flex">15221084322</div>
		</div>
		<div class="row1 flexbox">
			<div class="col1">行程备注:</div>
			<div class="col2 flex">行程备注</div>
		</div>
		
	</div>
	<%@ include file="/WEB-INF/views/wx/include/script.jsp"%>
	<script type="text/javascript">
		$(function(){
			
		});
	</script>
</body>
</html>